<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="../css/reset.css">
    <link rel="stylesheet" type="text/css" href="../css/register.css">
    <script src="../lib/jquery/jquery.min.js"></script>
    
</head>

<body>
    <div class="box">
        <div class="top_wrap">
            <div class="top">
                <div class="top_list">
                    <div><a href="javascript:void(0);">帮助中心</a></div>
                    <div class="language pos-r">
                        <a href="javascript:void(0);">简体中文</a>
                        <span class="angle"></span>
                        <ul class="pos-a">
                            <li>简体中文</li>
                            <li>繁體中文</li>
                            <li>English</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="base_body">
            <div class="register_wrap">
                <div class="register">
                    <h1 class="register_title">注册帐号</h1>
                    <div>

                        <div class="register_form">
                            <div class="register_form_item">
                                <div class="select_wrap pos-r">
                                    <!-- <div class="select_container pos-r select_active"> -->
                                    <div class="select_container pos-r">
                                        <span class="select_label">国家/地区</span>
                                        <span class="select_line">|</span>
                                        <span class="select_text">中国</span>
                                        <span class="select_angle pos-a"></span>
                                    </div>
                                    <div class="select_input_dropdown pos-a">
                                        <div class="select_inner_wrap">
                                            <div class="select_inner_icon fl"></div>
                                            <div class="select_inner_container fl">
                                                <input class="select_input" type="text" name="select" placeholder="搜索国家和地区" autocomplete="off">
                                            </div>
                                        </div>
                                        <!-- 插入国家列表 -->
                                        <div class="input_country">
                                            <!-- <div class="country_list"></div> -->
                                        </div>
                                        <!-- 模糊搜索出的国家列表 -->
                                        <ul class="select_country_list"></ul>
                                    </div>
                                </div>
                            </div>
                            <div class="register_form_tip">成功注册帐号后，国家/地区将不可更改</div>

                            <div class="register_form_item">
                                <div class="input_wrap">
                                    <div class="input_container">
                                        <input autocomplete="off" class="uname_input" type="text" name="uname" placeholder="请输入用户名" value="">
                                    </div>
                                </div>
                            </div>
                            <div class="register_form_tip uname_form_tip">用户名由 6-18 位数字、字母或下划线组成、不能数字开头</div>
                       
                            <div class="register_form_item">
                                <div class="input_wrap clearfix">
                                    <div class="input_container verify_input_container fl">
                                        <input autocomplete="off" class="verify_input" type="text" name="verify" placeholder="请输入验证码" maxlength="4" value="">
                                    </div>
                                    <div class="verify_button fl">
                                        <canvas id="canvas"></canvas>
                                    </div>
                                </div>
                            </div>

                            <div class="register_form_item">
                                <div class="input_wrap upwd_input_wrap pos-r">
                                    <div class="input_container">
                                        <input autocomplete="off" class="upwd_input" type="password" name="upwd" placeholder="请输入密码" >
                                    </div>
                                    <!-- <div class="upwd_icon_wrap upwd_icon_active pos-a"> -->
                                    <div class="upwd_icon_wrap pos-a">
                                        <div class="upwd_icon"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="register_form_tip upwd_form_tip">密码由 6-16 位数字、字母或符号( . 或 _ )组成、至少包含两种字符</div>

                            <div class="registerform_item checkbox_registerform_item">
                                <div class="checkbox_wrap form_checkbox">
                                    <!-- <div class="checkbox_frame checkbox_checked fl"> -->
                                    <div class="checkbox_frame checkbox_unchecked fl">
                                        <svg width="22px" height="22px" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <rect x="12" y="12" width="48px" height="48px" rx="12"></rect>
                                            <path d="M24 35L31.2954 43.2073C31.6777 43.6374 32.3431 43.6569 32.7499 43.2501L49 27" stroke="white" stroke-width="4"></path>
                                        </svg>
                                    </div>
                                    <div class="checkbox_label fl"> 已阅读并同意
                                        <span class="form_link"><a href="javascript:void(0);">《帐号使用协议》</a></span> &amp;
                                        <span class="form_link"><a href="javascript:void(0);">《隐私政策》</a></span>
                                    </div>
                                </div>
                            </div>

                            <!-- <div class="register_button button_abled">注册</div> -->
                            <div class="register_button button_disabled">注册</div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer_wrap">
            <p class="footer_copyright">
                <span>&copy; 2005 - 2021 广东欢太 版权所有 粤ICP备 14056724 号-2</span>
                <span>联系方式：4001-999-666</span>
            </p>
        </div>

    </div>
    <script src="../js/register_js/register.js"></script>
</body>

</html>